<!DOCTYPE html>
<html lang="en">
<head>
[#include "/customer/include/static.htm"]
    <link href="${path}/resources/css/member.css" rel="stylesheet" type="text/css"/>
    <link href="${path}/resources/css/invite.css" rel="stylesheet" type="text/css"/>
    <link href="${path}/resources/css/member/main.css" rel="stylesheet" type="text/css"/>
    <link href="${path}/resources/css/member/pay.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="${path}/resources/js/jquery.zclip.js"></script>
    <script src="${path}/resources/plug/layui/layui.js" type="text/javascript"></script>
    <link href="${path}/resources/plug/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
        $(function () {
            $("#cp1").zclip({
                path: '${path}/resources/js/ZeroClipboard.swf', //记得把ZeroClipboard.swf引入到项目中
                copy: function () {
                    return '${recommend_url}';
                },
                afterCopy: function () {//复制成功
                    alert("分享链接复制成功");
                }
            });
        });
    </script>
    <style>
        th{color: #ff814a;
            background-color: #fff9f4;
            border: 1px solid #fff0e6;

        }
        td{
            border: 1px solid #fff0e6;
        }
       .hbyq1 h4{
            background-color: #fff9f4;
           color: #ff8e3a;
            border: 1px solid #fff0e6;
        }
        .hbreg .hbyq .hbyq1 h4{
            color: #ff8e3a;
             background-color: #fff9f4;
             border: 1px solid #fff0e6;
         }
        .hbyq1 h4 i {
            color: #ff8e3a;
        }
        .hbreg .hbyq .hbyq1 h4 i {
            color: #ff8e3a;
        }
    </style>

[#import "/customer/include/pagination.ftl" as p/]

</head>
<body>
<!--头部-->
[#include "/customer/include/header.ftl"]
[#include "/customer/include/member_menu.ftl"]
<div class="pay-bg">
    <div class="pay-wrap">
        <div class="pay-tit">我的邀请</div>
        <div class="pay-tab" id="pay-tab">
            <hr id="payWay"/>
        </div>
        <div class="pay-tab-cont yuebao" style="min-height: 700px">
            <m id="tgview">
                <div class="user-glb-righttext">我要推广
                    <small><a style="color: #737373;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline-style: none;line-height: 40px;font-size: 16px" href="javascript:void(0)" onclick="showtglist();">[&nbsp;推广记录&nbsp;]</a>
                    </small>
                </div>
                <div class="hbreg">
                    <div class="hbyq">
                        <div class="hbyq1">
                            <h4><i>方式一</i>分享或复制链接给好友</h4>

                            <div class="fz_lj">
                                <p class="lj" style="float: left">
                                    <i>复制链接：</i><input style="font-size: 14px;" type="text" value="${recommend_url}"
                                                       class="hb_iput" id="TextBox1" name="TextBox1"><a id="cp1"
                                                                                                        class="hb_btn"
                                                                                                        style="display: inline-block;float: right">分享链接</a>

                            </div>
                            <div class="fz_lj">
                                <p></p>

                                <div style="width:690px;height:40px;*margin-bottom:30px;">
                                    <div class="bdsharebuttonbox bdshare-button-style0-32" data-tag="share_1"
                                         style="width:690px;" data-bd-bind="1496591992729">
                                        <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                        <a class="bds_qzone" data-cmd="qzone" href="#" title="分享到QQ空间"></a>
                                        <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                        <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
                                        <a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
                                        <a class="bds_more" data-cmd="more"></a>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <script type="text/javascript">
                            window._bd_share_config = {
                                common: {
                                    bdText: '安全透明互联网平台,让投资和理财变得安全、透明、简单、高效！',
                                    bdDesc: '安全透明互联网平台,让投资和理财变得安全、透明、简单、高效！！',
                                    bdUrl: '${recommend_url}'
                                },
                                share: [{
                                    "bdSize": 32
                                }],
                                slide: [{
                                    bdImg: 0,
                                    bdPos: "right",
                                    bdTop: 100
                                }],
                                image: [{
                                    viewType: 'collection',
                                    viewPos: 'top',
                                    viewColor: 'black',
                                    viewSize: '32',
                                    viewList: ['qzone', 'tsina', 'huaban', 'tqq', 'renren']
                                }],
                                selectShare: [{
                                    "bdselectMiniList": ['qzone', 'tqq', 'kaixin001', 'bdxc', 'tqf']
                                }]
                            }
                            with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=' + ~(-new Date() / 36e5)];
                        </script>
                        <p></p>
                    </div>
                </div>
                <div class="hb_two" style="border: 1px solid #ececec;">
                    <div class="hbyq1">
                        <h4><i>方式二</i>注册时填写ID</h4>
                    </div>
                    <div class="hb_tgr" style="padding-left: 52px">
                        <h3>您的推荐人数字ID为： <i>${Session.loginUser.member_phone}</h3>
                    </div>
                </div>
            </m>
            <m id="tglist" style="display: none">
                <div class="user-glb-righttext">推广记录
                    <small><a style="color: #737373;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline-style: none;line-height: 40px;font-size: 16px" href="javascript:void(0)" onclick="wanttg();">[&nbsp;我要推广&nbsp;]</a>
                    </small>
                </div>
                <div class="hb_two" >



                    <div class="user-glb-rightbox-e">

                        <table class="layui-table">
                            <colgroup>
                                <col width="100">
                                <col width="100">
                                <col width="100">
                                <col width="100">

                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>用户名</th>
                                <th>手机号码</th>
                                <th>注册时间</th>
                            </tr>
                            </thead>
                        [#if userList?? && userList?size > 0]
                            [#list userList as user]
                                <tr>
                                    <td>${user_index + 1}</td>
                                    <td>${user.user_name}</td>
                                    <td>${user.member_phone}</td>
                                    <td>${p2p_date_format(user.add_time,"yyyy-MM-dd HH:mm:ss")}</td>
                                </tr>
                            [/#list]
                        [#else]
                            <tr>
                                <td id="tbody" style="background: #fff" colspan="8"><div class="nodataimg"></div></td>
                            </tr>
                        [/#if]
                        </table>
                    </div>
                [@p.pager pager = page    url = "${path}/member/ucenter/myRecommend"/]
                </div>
        </div>
    </div>
</div>
[#--<div id="user-glb-box">
	<div id="user-glb-main-info">
        <!--左栏-->
		[#include "/customer/include/member_left_menu.ftl"]
		<!--左栏 end-->
		<!--右栏-->
		<div id="user-glb-right">
            <m id="tgview">
			<div class="user-glb-righttext">我要推广<small><a style="color: #737373;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline-style: none;line-height: 40px;font-size: 16px" href="javascript:void(0)" onclick="showtglist();">[&nbsp;推广记录&nbsp;]</a></small></div>
            <div class="hbreg">
                <div class="hbyq">
                    <div class="hbyq1">
                        <h4><i>方式一</i>分享或复制链接给好友</h4>
                        <div class="fz_lj">
                            <p class="lj" style="float: left">
                                <i>复制链接：</i><input style="font-size: 14px;" type="text" value="${recommend_url}" class="hb_iput" id="TextBox1" name="TextBox1"><a id="cp1" class="hb_btn" style="display: inline-block;float: right">分享链接</a>

                        </div>
                        <div class="fz_lj">
                            <p></p>
                            <div style="width:690px;height:40px;*margin-bottom:30px;">
                                <div class="bdsharebuttonbox bdshare-button-style0-32" data-tag="share_1" style="width:690px;" data-bd-bind="1496591992729">
                                    <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                    <a class="bds_qzone" data-cmd="qzone" href="#" title="分享到QQ空间"></a>
                                    <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                    <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
                                    <a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
                                    <a class="bds_more" data-cmd="more"></a>

                                </div>
                            </div>
                        </div>
                        </div>
                        <script type="text/javascript">
                            window._bd_share_config = {
                                common: {
                                    bdText: '安全透明互联网平台,让投资和理财变得安全、透明、简单、高效！',
                                    bdDesc: '安全透明互联网平台,让投资和理财变得安全、透明、简单、高效！！',
                                    bdUrl: '${recommend_url}'
                                },
                                share: [{
                                    "bdSize": 32
                                }],
                                slide: [{
                                    bdImg: 0,
                                    bdPos: "right",
                                    bdTop: 100
                                }],
                                image: [{
                                    viewType: 'collection',
                                    viewPos: 'top',
                                    viewColor: 'black',
                                    viewSize: '32',
                                    viewList: ['qzone', 'tsina', 'huaban', 'tqq', 'renren']
                                }],
                                selectShare: [{
                                    "bdselectMiniList": ['qzone', 'tqq', 'kaixin001', 'bdxc', 'tqf']
                                }]
                            }
                            with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=' + ~(-new Date() / 36e5)];
                        </script>

                        <p></p>

                    </div>
                </div>
                <div class="hb_two">
                    <div class="hbyq1">
                        <h4><i>方式二</i>注册时填写ID</h4>
                    </div>
                    <div class="hb_tgr" style="padding-left: 52px">
                        <h3>您的推荐人数字ID为： <i>${Session.loginUser.member_phone}</h3>
                    </div>
                </div>
            </m>
            <m id="tglist" style="display: none">
            <div class="user-glb-righttext">推广记录<small><a style="color: #737373;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline-style: none;line-height: 40px;font-size: 16px" href="javascript:void(0)" onclick="wanttg();">[&nbsp;我要推广&nbsp;]</a></small></div>
            <div class="hb_two">
                <div class="hbyq1">
                    <h4><i>我的推广</i></h4>
                </div>



            <div class="user-glb-rightbox-e">

                <table class="user-glb-tabel">
                    <tr>
                        <th>序号</th>
                        <th>用户名</th>
                        <th>手机号码</th>
                        <th>注册时间</th>
                    </tr>
				[#if userList?? && userList?size > 0]
					[#list userList as user]
                        <tr>
                            <td>${user_index + 1}</td>
                            <td>${user.user_name}</td>
                            <td>${user.member_phone}</td>
                            <td>${p2p_date_format(user.add_time,"yyyy-MM-dd HH:mm:ss")}</td>
                        </tr>
					[/#list]
				[#else]
                    <tr>
                        <td colspan="10">您当前没有数据</td>
                    </tr>
				[/#if]
                </table>
            </div>
		[@p.pager pager = page    url = "${path}/member/ucenter/myRecommend"/]
            </div>
            </div>

		</div>
    </m>
		<div class="clear"></div>
	</div>--]

</div>
[#include "/customer/include/footer.ftl"]
<script>
    function wanttg() {
        $('#tglist').hide();
        $('#tgview').show();
    }
    function showtglist() {
        $('#tglist').show();
        $('#tgview').hide();
    }


</script>
</body>
</html>